import Vue from 'vue'
import App from './App.vue'
import Vuex from 'vuex'

Vue.config.productionTip = false
Vue.use(Vuex)
const store = new Vuex.Store({
  state: {
    goodList: [
      {
        name: "诸葛亮",
        price: 1000,
        num: 1,
        checked: false,
      },
      {
        name: "蔡文姬",
        price: 1500,
        num: 1,
        checked: false,
      },
      {
        name: "妲己",
        price: 2000,
        num: 1,
        checked: false,
      },
      {
        name: "鲁班",
        price: 2200,
        num: 1,
        checked: false,
      },
    ],
  },
  mutations: {
    reduceNum(state, index) {
      state.goodList[index].num--
    },
    addNum(state, index) {
      state.goodList[index].num++
    },
    delete(state, index) {
      state.goodList.splice(index, 1)
    },
    checked(state, val) {
      state.goodList.forEach(item => {
        item.checked = val
      })
    }
  }
})

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')
